import Taro, {Component} from "@tarojs/taro";
import {View, Image, Text} from "@tarojs/components";

import './mall.less'
import img_09 from "../../assets/img/img_09.jpg";
import right_white from "../../assets/img/right_white.png";
import right from "../../assets/img/right.png";
import address from "../../assets/img/icon_58.png";


// 确认订单
class Personnel extends Component {
  constructor() {
    super()
  }

  render() {
    return (
      <View className='mall-order-confirm'>
        <View className='order-address'>
          <View className='has-address'>
            <Image className='address-icon' src={address} />
            <View className='info'>
             <View className='name'>姓名  电话</View>
             <View className='address'> 新增收货地址新增收货地址新增收货地址新增收货地址新增收货地址</View>
            </View>
            <Image className='drop-down-icon' src={right_white} />
          </View>
        </View>


        <View className='order-spec'>
          <View className='l'>
            <Image className='img' src={img_09} />
            <View className='info'>
              <View className='list-title'>卢瑟天热安脆皮核桃卢瑟天热安脆皮核桃卢瑟天热安脆皮核桃卢瑟天热安脆皮核桃</View>
              <View className='list-info'>
                <Text>5kg</Text>
                <Text className='line'>|</Text>
                <Text>盒装</Text>
              </View>
            </View>
          </View>
          <View className={'r'}>
            <View className='list-price'>
              <Text className='list-small'>￥</Text>39.00</View>
            <View className='list-info'>
              <Text>x1</Text>
            </View>
          </View>
        </View>

        <View className='select-spec'>
          <View className='title'>运费</View>
          <View className='drop-down-con'>
            <Text className='con'>10</Text>
          </View>
        </View>

        <View className='select-spec'>
          <View className='title'>积分</View>
          <View className='drop-down-con'>
            <Text className='con'>55积分（-￥5.50）</Text>
            <Image className='drop-down-icon' src={right} />
          </View>
        </View>

        <View className='select-spec'>
          <View className='title color'>小计</View>
          <View className='drop-down-con'>
            <Text className='con color'>￥49.90</Text>
          </View>
        </View>


        <View className='none-address-tip'>
          *请在上方添加收货地址
        </View>

        <View className='footer-block' />
        <View className='page-footer2 page-footer3'>
          <View className='all-price'>
            <View className='line'>
              已选 <Text className='color all-count'>5</Text>件商品，合计：<Text className='color'> <Text className='list-small'>￥</Text>39.00</Text>
            </View>
            <View className='line gy'>
              公益捐款￥2.96元
            </View>
          </View>
          <View className='btn-submit'>立即订购</View>
        </View>
      </View>

    )
  }
}

export default Personnel
